<template>
    <v-btn icon variant="plain">
        <v-icon>mdi-dots-horizontal</v-icon>
        <v-menu activator="parent">
            <v-list>
                <v-list-item density="compact" value="moveUp" @click="emits('moveUp')">
                    <v-icon size="21">mdi-arrow-up</v-icon>
                    上移
                </v-list-item>
                <v-list-item density="compact" value="moveDown" @click="emits('moveDown')">
                    <v-icon size="21">mdi-arrow-down</v-icon>
                    下移
                </v-list-item>
                <v-list-item density="compact" value="moveDown" @click="emits('remove')">
                    <v-icon size="21">mdi-trash-can-outline</v-icon>
                    删除
                </v-list-item>
            </v-list>
        </v-menu>
    </v-btn>
</template>

<script setup lang="ts">
const emits = defineEmits<{
    (event: "moveUp"): void;
    (event: "moveDown"): void;
    (event: "remove"): void;
}>();
</script>
